
<template>
<div>
     <!-- <Button type="primary" @click="modal1 = true">Display dialog box</Button> -->
     <Modal v-model="mode" width="40%" title="订单详情" @change="testChange"  @on-cancel="cancel">
         <div class="orderlist">
             <p><span>订单编号：</span><a>{{ordersData.ordersCode}}</a></p>
             <ul>
                 <li><span>乘车人:</span><a>{{ordersData.ordersRider}}</a></li>
                 <li><span>用车单位：</span><a>{{ordersData.deptName}}</a></li>
                 <li><span>联系电话:</span><a>{{ordersData.ordersRiderMobile}}</a></li>
                 <li><span>乘车人数：</span><a>{{ordersData.ordersPassengerNumber}}</a></li>
                 <li><span>出发地点:</span><a>{{ordersData.ordersStartAddr}}</a></li>
                 <li><span>目的地点:</span><a>{{ordersData.ordersAimAddr}}</a></li>
                 <li><span>出发时间:</span><a>{{ordersData.ordersStartTime}}</a></li>
                 <li><span>用车天数:</span><a>{{ordersData.ordersEndTimeNum}}</a></li>
                 <li><span>申请车型:</span><a>{{ordersData.vehTypeName}}</a></li>
                 <li><span>用车类型:</span><a>{{ordersData.modeName}}</a></li>
                 <li><span>用车事由:</span><a>{{ordersData.ordersReason}}</a></li>
             </ul>
         </div>


        <div slot="footer" >
            <!-- <Button type="error" size="large" long :loading="modal_loading" @click="del">Delete</Button> -->
        </div>
    </Modal>
</div>
</template>

<script>
import './editable-table.less'
import util from "../../../libs/util.js";
export default {
    name: 'Tabledetail',
    data () {
        return {
          mode:this.visible,
        };
    },
    props:{
        visible:{
            type:Boolean ,
            required:true
        },
        ordersData:{
            type:Object,
            required:true 
        }
    },
    methods: {
       testChange(val){
        this.$emit('testChange',val);
       },
       cancel(){
          let data = {
            mode:false
          }
          this.$emit('headCallBack', data);
       },
     },
    mounted () {
    },
    watch: {
        visible(val) {
        this.mode = val
    }
}
}
</script>
